<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="../static/css/LaunchRefund.css"
    th:href="@{/css/LaunchRefund.css}" rel="stylesheet" />
<link href="../static/azxcrm/css/bootstrap.css"
    th:href="@{/azxcrm/css/bootstrap.css}" rel="stylesheet" />
<script src="../../../js/jquery-3.3.1.min.js" type="text/javascript"
	charset="utf-8"></script>
<script src="../../../js/bootstrap.js" type="text/javascript"
	charset="utf-8"></script>

</head>
<body>
	<div class="g-refund">
		<!-- 头部结构 -->
		<div class="add_order clearfix">
			<div class="addorder_left clearfix">发起结单</div>
		</div>
    <form id="initiatingOrderEdit">
    <input id="productId" name="productId" type="hidden" th:value="${order.productId}">  
		<div class="g-tab-list">
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade in active" id="s-tab-1">
					<!--客户信息-->
					<div class="g-customer-info">
						<ul class="clearfix">
							<li><span>订单号：</span><span th:text="${order.orderNum}"></span></li>
							<li><span>订单类型：</span><span th:text="${order.typeName}"></span></li>
						</ul>
					</div>
				</div>

				<div class="add_order clearfix">
					<div class="addorder_left clearfix">客户信息</div>
				</div>

				<div class="tab-pane fade in active" id="s-tab-1">
					<!--客户信息-->
					<div class="g-customer-info">
						<ul class="clearfix">
							<li><span>客户姓名：</span><span
								th:text="${order.customerClue.customerName}"></span></li>
							<li><span>手机号码：</span><span
								th:text="${order.customerClue.customerCellphone}"></span></li>
							<li><span>身份证号：</span><span
								th:text="${order.customerClue.customerIdentityNum}"></span></li>
						</ul>
					</div>
				   </div>
					<input id="orderId" name="orderId" th:value="${order.orderId}" type="hidden">
					<div class="add_order g-bottom clearfix">
						<div class="addorder_left clearfix">销售产品</div>
					</div>

					<div class="form-group clearfix">
						<label class="col-sm-3 control-label">产品类型：</label>
						<div class="col-sm-8">
							<select class="form-control" name="productType" id="productType" value=""
								onclick="changeSelect()" >
								<option  selected="selected">请选择</option>
								<option th:each="productType : ${productTypeList}"
									th:value="${productType.dictCode}"
									th:text="${productType.dictLabel}"></option>
							</select>
						</div>
					</div>

					<div class="form-group clearfix">
						<label class="col-sm-3 control-label">产品品种：</label>
						<div class="col-sm-8">
							<select class="form-control" name="specId" id="specId"
								onclick="changeSelectInfo()">
								<option value="" selected="selected" >请选择</option>
							</select>

						</div>
					</div>

					<div class="form-group clearfix">
						<label class="col-sm-3 control-label">产品名称：</label>
						<div class="col-sm-8">
							<select class="form-control" name="infoId" id="infoId"
								onclick="changeSelectPriceTerm()">
								<option value="" selected="selected" >请选择</option>
							</select>
						</div>
					</div>

					<div class="form-group clearfix">
						<label class="col-sm-3 control-label">产品价格：</label>
						<div class="col-sm-8 s-month">
							<input type="text" class="form-control" name="productPrice"
								id="productPrice" disabled="disabled"><span class="u-month">元</span>
						</div>
					</div>

					<div class="form-group clearfix">
						<label class="col-sm-3 control-label">使用期限：</label>
						<div class="col-sm-8 s-month">
							<input type="text" class="form-control" name="productTerm"
								id="productTerm" disabled="disabled"><span class="u-month">月</span>
						</div>
					</div>
                    
					 <div class="btn-group">
						<button type="submit" class="btn btn-warning dropdown-toggle">确认结单</button>
					</div>
			</div>
		</div>
		</form>
	</div>
	<div th:include="include::footer"></div>
	<script src="/azxcrm/module/order/initiatingOrder.js"
		th:src="@{/azxcrm/module/order/initiatingOrder.js}"></script>
</body>
</html>